<template>
	<view class="order">
		<!-- <view v-if="hasLogin"> -->
		<!-- 导航 -->
		<u-navbar back-text="申请售后" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- <u-navbar back-icon-color="#000000" title="申请售后" title-color="#3F3F3F" :title-bold="true" :border-bottom="false" :background="background"></u-navbar> -->
		<!-- end -->
		<view class="top">
			<view class="over">售后内容：</view>
			<view class="overs">
				<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b15a438616234de09f95b584fda019da.png" mode=""></image>
				<view class="type">
					<view class="over" style="margin-top: 12rpx;">日常保洁</view>
					<view style="margin-top: 5rpx;">深度清洁，擦亮全屋</view>
					<view style="margin-top:16rpx;">河南省郑州市管城区商都路街道123号11号楼1单元</view>
				</view>
			</view>
		</view>
		<view class="tops">
			<view class="over">选择服务类型：</view>
			<view class="result" style="margin-top: 40rpx;" @click="cause()">
				<view>
					<view class="over">
						申请商家售后服务
					</view>
					<view class="ement">
						我对服务不满意，要求重新服务或退款
					</view>
				</view>
				<image src="../../static/icon/markect.png" mode=""></image>
			</view>
			<view class="result" style="margin-top: 36rpx;" @click="service()">
				<view>
					<view class="over">
						申请保险理赔
					</view>
					<view class="ement">
						出现财产丢失或损坏，意外事故等情况，需要理赔
					</view>
				</view>
				<image src="../../static/icon/markect.png" mode=""></image>
			</view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#F29423',
				},
				
			};
		},
		onLoad() {
			
		},
		methods: {
			cause(){
				uni.navigateTo({
					url:'cause'
				})
			},
			service(){
				uni.navigateTo({
					url:'service'
				})
			}
		}
	};
</script>

<style scoped lang="scss">
	/* 导航 */
	.top{
		padding: 46rpx 98rpx 44rpx 40rpx;border-bottom: 1px solid #EEEEEE;
	}
	.over{
		color: #666666;font-size: 30rpx;
	}
	.tops{
		padding: 36rpx 40rpx;border-bottom: 1px solid #EEEEEE;font-weight: 400;
	}
	.overs{
		margin-top: 20rpx;display: flex;
	}
	.overs image{
		width: 170rpx;height: 168rpx;
	}
	.type{
		margin-left: 22rpx;width: 66%;color: #979797;font-size: 26rpx;
	}
	.result{
		display: flex;justify-content: space-between;align-items: center;
	}
	.result image{
		width: 19rpx;height: 34rpx;
	}
	.ement{
		font-size: 26rpx;color: #979797;
	}
</style>
